<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>vw适配方案示例</title>
  <link rel="stylesheet" href="./style.css">
</head>
<body>
  <div class="container">
    <header class="header">
      <h1 class="title">vw适配方案</h1>
    </header>
    
    <section class="banner">
      <img src="https://t14.baidu.com/it/u=3583355041,3749217382&fm=225&app=113&f=PNG?w=1920&h=1200&s=61F5A7668CC34CC848871A7E03005078" alt="Banner">
    </section>
    
    <section class="features">
      <div class="feature-item">
        <div class="icon"></div>
        <h3>功能一</h3>
        <p>功能描述文字</p>
      </div>
      <div class="feature-item">
        <div class="icon"></div>
        <h3>功能二</h3>
        <p>功能描述文字</p>
      </div>
      <div class="feature-item">
        <div class="icon"></div>
        <h3>功能三</h3>
        <p>功能描述文字</p>
      </div>
    </section>
    
    <footer class="footer">
      <p>© 2023 vw适配方案示例</p>
    </footer>
  </div>
</body>
</html>